<!-- 侧边栏头部 -->
<template>
  <l-header
    v-if="settingStore.showHeader"
    :show-logo="settingStore.showHeaderLogo"
    :theme="settingStore.displayMode"
    :layout="settingStore.layout"
    :is-fixed="settingStore.isHeaderFixed"
    :menu="headerMenu"
    :is-compact="settingStore.isSidebarCompact"
  />
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { storeToRefs } from 'pinia'
import { usePermissionStore, useSettingStore } from '@/store'
import LHeader from '../simple2Components/Header.vue'

const permissionStore = usePermissionStore()
const settingStore = useSettingStore()
// 侧边栏头部菜单路由
const { routers: menuRouters } = storeToRefs(permissionStore)
// 计算侧边栏头部菜单
const headerMenu = computed(() => {
  return menuRouters.value
})
</script>
